// 同用样式列表
/*益处隐藏*/
@mixin wx-ellipsis($i){ // 使用 @include  在scss中引入 例（@include ellipsis(2)）
  @if $i == 1 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  } @else {
    overflow: hidden;    
    display: -webkit-box;              
    text-overflow: ellipsis;            
    -webkit-box-orient: vertical;       
    -webkit-line-clamp: #{$i}; 
  }
}

@for $i from 1 through 10
{
  .wx-ellipsis-#{$i}{ // 直接在html中调用类名 （例子 ： ellipsis-1 一行  ellipsis-2 二行)  
    @include wx-ellipsis(#{$i})
  }
}
@mixin verticalCenter{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
// uniapp的checked样式
checkbox {
  position: relative;
  transform: scale(0.6);
  & /deep/ .wx-checkbox-input {
    border-radius: 50%;
  }
  & /deep/ .wx-checkbox-input.wx-checkbox-input-checked {
    background: var(--black);
  }
  & /deep/ .wx-checkbox-input.wx-checkbox-input-checked::before {
    color: var(--white);
  }
}
